﻿@model WorldArtPrice.Models.HomeModel
@{
    ViewBag.Title = "Home Page";
}
<style>
    span p
    {
        margin-bottom:0px !important;
        margin-top:0px !important;
        color: #7D7D7D !important;
        display: block !important;
        font-family: 'Conv_Muli-Regular !important';
        font-size: 12px !important;
        line-height: 24px !important;
    }
</style>
@Scripts.Render("~/Scripts/jquery-1.txt")
@Scripts.Render("~/Scripts/supersized.js")
<script type="text/javascript">  
	$(function(){
		$.fn.supersized.options = {  
			startwidth: 1,  
			startheight: 1,
			vertical_center: 1,
			slideshow: 1,
			navigation: 1,
			transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
			pause_hover: 0,
			slide_counter: 1,
			slide_captions: 1,
			slide_interval: @(Model.SlideShow!=null?Model.SlideShow.TimeWaiting:3000  )
		};
	    $('#supersize').supersized(); 
	});
</script>
<div style="height: 1363px;">
    <div style="margin-left: 0px; margin-right: 0px;height:auto">
        <h2>@Model.ContentTypeWellCome.ContentTypeName</h2>
        <p>@Html.Raw(Model.ContentWellCome.Contents)</p>
        <div id="supersize" style="height: 443px;"> 
            @if (Model.ListSlideShowDetail != null)
            { 
                foreach(var item in Model.ListSlideShowDetail)
                {
                    string urlImage = CommandLib.Config.UrlImage + CommandLib.Parameter.IMAGE_SLIDESHOW + "/" + item.Id + "/" + item.Image;
                    <a href="@item.RedirectUrl">
                        <img src="@urlImage" width="600px" height="433px" style="margin-left: 40px;">
                    </a>
                } 
            }           
        </div>       
        <div style="margin-left:21px;margin-right:21px">
        <h3><span>@Model.ContentTypeWhatWeDo.ContentTypeName</span></h3>
          @Html.Raw(Model.ContentWhatWeDo.Contents)
         <p>&nbsp;</p>
        <ul>
            @{
                string imageArtPrice = string.Empty;
                string imageAuctionCalendar = string.Empty;
                string imageaArtist = string.Empty;
                if(Model.ImageWhatWeDo!=null)
                {
                    imageArtPrice = CommandLib.Config.UrlImage + CommandLib.Parameter.IMAGE_WHATWEDO + "/" + Model.ImageWhatWeDo.Id + "/" + Model.ImageWhatWeDo.ImageArtPrice;
                    imageAuctionCalendar = CommandLib.Config.UrlImage + CommandLib.Parameter.IMAGE_WHATWEDO + "/" + Model.ImageWhatWeDo.Id + "/" + Model.ImageWhatWeDo.ImageAuctionCalendar;
                    imageaArtist = CommandLib.Config.UrlImage + CommandLib.Parameter.IMAGE_WHATWEDO + "/" + Model.ImageWhatWeDo.Id + "/" + Model.ImageWhatWeDo.ImageArtist;
                }    
            }
          <li id="link1" style="width: 217px; float: left;background: url('@imageArtPrice') no-repeat scroll 0 0 rgba(0,0,0,0);"><a href="@Model.ImageWhatWeDo.RedirectUrlArtPrice" style="height: 257px;width: 217px;"><span>ART PRICE</span></a></li>
          <li id="link2" style="width: 217px; float: left; margin-left: 7px;background: url('@imageAuctionCalendar') no-repeat scroll 0 0 rgba(0,0,0,0);"><a href="@Model.ImageWhatWeDo.RedirectUrlAuctionCalendar" style="height: 257px;width: 217px;"><span>Auction Calendar</span></a></li>
          <li id="link3" style="width: 217px; float: left; margin-left: 7px;background: url('@imageaArtist') no-repeat scroll 0 0 rgba(0,0,0,0);"><a href="@Model.ImageWhatWeDo.RedirectUrlArtist" style="height: 257px;width: 217px;"><span>ARTIST</span></a></li>
        </ul>
        </div>
        <div class="section" style="margin-left: 21px; margin-right: 21px; height: 305px;">
            <h3 style="margin-top: 16px;"><span>Latest Projects</span></h3>
            
            <ul>
                <li style="float: left; width: 200px;">                     
                        @if(Model.ImageArtistLastProject != null)
                        {
                            string urlImage = CommandLib.Config.UrlImage + CommandLib.Parameter.PROJECT_IMAGE_ARTIST + "/" + Model.ImageArtistLastProject.Id + "/" + Model.ImageArtistLastProject.Image;
                            <a href="@Model.ImageArtistLastProject.RedirectUrl">
                                <img src="@urlImage" width="200px" height="133px" >                                                         
                            </a> 
                            <span>@Html.Raw(@Model.ImageArtistLastProject.Info)</span> <a href="@Model.ImageArtistLastProject.RedirectUrl">Read Details </a>                     
                        }                    
                </li>
                <li style="float: left; width: 200px">                    
                        @if(Model.ImageArtWorkLastProject!=null)
                        {
                            string urlImage = CommandLib.Config.UrlImage + CommandLib.Parameter.PROJECT_IMAGE_ARTWORK + "/" + Model.ImageArtWorkLastProject.Id + "/" + Model.ImageArtWorkLastProject.Image;
                            <a href="@Model.ImageArtWorkLastProject.RedirectUrl">
                                <img src="@urlImage" width="200px" height="133px" >                                                   
                            </a> 
                            <span>@Html.Raw(Model.ImageArtWorkLastProject.Info)</span> <a href="@Model.ImageArtWorkLastProject.RedirectUrl">Read Details </a>                      
                        }                    
                </li>
                <li style="float: left; width: 200px">                    
                        @if(Model.ImageSignaturesLastProject!=null)
                        {
                            string urlImage = CommandLib.Config.UrlImage + CommandLib.Parameter.PROJECT_IMAGE_SIGNATURES + "/" + Model.ImageSignaturesLastProject.Id + "/" + Model.ImageSignaturesLastProject.Image;
                            <a href="@Model.ImageSignaturesLastProject.RedirectUrl">
                                <img src="@urlImage" width="200px" height="133px" >                                                           
                            </a> 
                            <span>@Html.Raw(@Model.ImageSignaturesLastProject.Info)</span> <a href="@Model.ImageSignaturesLastProject.RedirectUrl">Read Details </a>                      
                        }                    
                </li>
            </ul>
        </div>
    </div>
</div>
